<template>
  <header id="header">

    <div id="header-main" class="header-inner">
      <div class="outer">

        <a href="/" id="logo">
         <i class="logo"></i>
          <span class="site-title">程序员笑笑生</span>
        </a>
        <nav id="main-nav">
          <a class="main-nav-link" target="_blank" href="/">首页</a>
          <a class="main-nav-link" target="_blank" href="/#/archives">归档</a>
          <a class="main-nav-link" target="_blank" href="/#/archives">友情链接</a>

          <a class="main-nav-link" target="_blank" href="/#/about">关于</a>
        </nav>


        <nav id="sub-nav">
          <div class="profile" id="profile-nav">
            <a id="profile-anchor" href="javascript:">
              <img class="avatar" src="../../assets/adv/weixin.jpg"/>
              <i class="fa fa-caret-down"></i>
            </a>
          </div>
        </nav>

        <!--搜索-->
        <div id="search-form-wrap">
          <a style="position: relative;right: 70px;cursor: pointer;" @click="logIn">登录</a>
          <a style="position: relative;right: 50px;cursor: pointer;" @click="publist">发布</a>
        </div>

      </div>
    </div>




    <div id="main-nav-mobile" class="header-sub header-inner">
      <table class="menu outer">
        <tr>

          <td><a class="main-nav-link" href="/">首页</a></td>

          <td><a class="main-nav-link" href="/#/archives">归档</a></td>

          <td><a class="main-nav-link" href="/#/archives">友情链接</a></td>


          <td><a class="main-nav-link" href="/#/about">关于</a></td>

          <td>
          </td>
        </tr>
      </table>
    </div>
  </header>

</template>

<script>
  export default {
    data() {
      return {}
    }, methods: {
      logIn() {
        this.$router.push({path: '/login'});
      }
      ,
      publist(){
        this.$router.push({path: '/write'});
      }
    }

  }
</script>

<style>

</style>
